@import './base-layouts/basic-layout.less';

@pro-dropdown-prefix-cls: ~'@{ant-prefix}-pro-dropdown';
@pro-header-hover-bg: rgba(0, 0, 0, 0.025);

.@{pro-dropdown-prefix-cls} {
  display: inline-block;
  height: @pro-layout-header-height;
  line-height: @pro-layout-header-height;
  vertical-align: top;
  cursor: pointer;

  &.ant-pro-dropdown-action {
    padding: 0 12px;

    &:hover {
      background: @pro-header-hover-bg;
    }
  }

  > span {
    font-size: 16px !important;
    transform: none !important;

    svg {
      position: relative;
      top: -1px;
    }
  }
}

.@{pro-dropdown-prefix-cls}-menu {
  :deep(.anticon) {
    margin-right: 8px;
  }
  :deep(.ant-dropdown-menu-item) {
    min-width: 160px;
  }
}

.ant-pro-global-header-layout-side,
.ant-pro-global-header-layout-left,
.ant-pro-top-nav-header.light {
  .@{pro-dropdown-prefix-cls} {
    &.ant-pro-dropdown-action {
      &:hover {
        background: @pro-header-hover-bg;
      }
    }
  }
}
